<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Hatforrent</title>
	<meta name="Description" content="Hatforrent - Collect online data, automatically update to your website" />
	<meta property="og:title" content="Hatforrent" />
	<meta property="og:description" content="Hatforrent - Collect online data, automatically update to your website" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:url" content="beta.hatforrent.com" />
	<meta property="og:image" content="../assets/images/ogp.jpg" />
	<meta property="og:image:width" content="250" />
	<meta property="og:image:height" content="250" />

	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/images/ico/apple-touch-icon-144-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/images/ico/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/images/ico/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed" href="../assets/images/ico/apple-touch-icon-57-precomposed.png">

	<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.css" />
	<link rel="stylesheet" type="text/css" href="../assets/css/jquery-ui-1.10.4.custom.min.css" />
	<link rel="stylesheet" type="text/css" href="../assets/css/style.css" />
	<link rel="stylesheet" type="text/css" href="../assets/css/themify-icons.css" />
</head>

<body id="hfr-landing">
	<div class="container">
		<h1>Tired <span>updating</span> your <span>site's content</span></h1>        			
		<div class="row hfr-reason">
			<div class="col-md-4">
				<div>
					<h3 class="title">no more pain, please</h3>
    				<p>we take up your sites, and fill with content from your selected sources. works 24/7, free you from dirty content copy &amp; paste</p>
				</div>
			</div>
			<div class="col-md-4">
				<div>
					<h3 class="title">work seamlessly</h3>
    				<p>across your custom built site, wordpress and blogger. your sites are yours, all we need is permission!</p>
				</div>
			</div>
			<div class="col-md-4">
				<div>
					<h3 class="title">flexible</h3>
    				<p>you got the power of control what content you want to have, and how it look like on your site. <strong>every pieces</strong> of content</p>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6 col-md-offset-3">

				<!-- Begin MailChimp Signup Form -->
				<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
				
				<form action="//hatforrent.us8.list-manage.com/subscribe/post?u=dca751ac44dff82013db83b6d&amp;id=8b29a0e6b8" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>				
					<h3>really to try?</h3>
					<div class="input-group input-group-lg">
						<input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" placeholder="Enter your email">
						<span class="input-group-btn">
							<button class="btn btn-warning" type="submit" id="mc-embedded-subscribe">Subscribe</button>
						</span>						
					</div>
					<div id="mce-responses" class="clear">
						<div class="response" id="mce-error-response" style="display:none"></div>
						<div class="response" id="mce-success-response" style="display:none"></div>
					</div>
				</form>
				
				<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
				<script type='text/javascript'>
				(function($) {
				window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';
				}(jQuery));
				var $mcj = jQuery.noConflict(true);
				</script>
				<!--End mc_embed_signup-->

			</div>
		</div>
		<div class="hfr-share">
			<a href="#" class="ti-google"></a>					
        </div>

	</div>

    <!-- Javascript import
    ================================================== -->
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=3.4.1'></script>
	<script src="../assets/js/bootstrap.min.js"></script>
	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<!-- css3-mediaqueries.js for IE less than 9 -->
	<!--[if lt IE 9]>
	    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
	<![endif]-->
</body>
</html>